.app {
    width: 1000px;
    height: 680px;
    padding: 20px 50px;
    /* background-color: #; */
    overflow: hidden;
    /* 开启弹性布局 */
}

.app>div {
    width: 1000px;
}

.app>div:nth-child(1) {
    display: flex;
    align-items: center;
    height: 80px;
    /* background-color: rgb(255, 255, 255); */
}

.app>div:nth-child(2) {
    display: flex;
    height: 520px;
    /* background-color: aquamarine; */

}

.app>div:nth-child(3) {
    display: flex;
    align-items: center;
    height: 80px;
    /* background-color: rgb(225, 146, 49); */
}

.app .top .left {
    display: flex;
    width: 240px;
    height: 40px;
    margin-left: 20px;
}

.app .top .button {
    display: flex;
    align-items: center;
    width: 60px;
    height: 40px;
    margin-left: 5px;
}

.app .middle {}

.app .top .right {
    margin-left: auto;
    display: flex;
    width: 100px;
    height: 40px;
    align-items: center;
}

.app>div:nth-child(3)>div:nth-child(1) {
    position: relative;
    /* 使用相对定位 */
    left: 30px;
    /* 向右移动20像素 */
    /* background-color: black; */
}

/* 上传框 */
.avatar-uploader .avatar {
    width: 178px;
    height: 178px;
    display: block;
}